@charset "utf-8";
* {	padding: 0;margin: 0;border: 0;outline: none;list-style-type: none; list-style:none;    font-family: 微软雅黑;}
em, i {font-style: normal;}
a {	color: #000;text-decoration: none; text-decoration:none;    font-family: 微软雅黑;}

body {color: #121212; font-family: sans-serif letter-spacing:1.5px;    font-family: 微软雅黑;}
#header, #banner, #mian, #footer{ width:100%; float:left; background:#f8f8f8;}

#header .top{ width:100%; height:40px; background:#f0f0f0;}
#header .top .topmian{ width:1200px; margin:0px auto;}
#header .top .topmian h2{font-size:14px; color:#a0a0a0; float:left; line-height:40px; font-weight:normal;}
#header .top .topmian h2 a{font-size:14px; color:#a0a0a0; margin:0px 3px;}
#header .top .topmian span{ float:right;}
#header .top .topmian span a{font-size:14px; color:#a0a0a0; float:left; line-height:40px;margin:0px 3px;}
#header .logo_tel{ width:1200px; height:106px; margin:0px auto;}
#header .logo_tel .logo{ float:left;}
#header .logo_tel .tel{ float:right; line-height: 106px;font-size: 18px;color:#333;}
#header .navs{ width:100%; height:60px; background:#313842;}
/* 导航css */
#header .navs #nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header .navs #nav{ width:1200px; margin:0px auto;}
#header .navs .nav{ margin:0px auto; height:60px; line-height:60px;   position:relative; z-index:1;  }
#header .navs .nav a{ color:#fff;  }
#header .navs .nav .nLi{ float:left;  position:relative; display:inline }
#header .navs .nav .nLi:hover .sub{display: block;}
#header .navs .nav .nLi h3{ float:left;  }
#header .navs .nav .nLi h3 a{ display:block; padding:0 30px; font-size:14px; font-weight:bold;line-height:60px;}
#header .navs .nav .sub{    display: none;
    width: 116px;
    left: 0;
    top: 60px;
    position: absolute;
    background: #0459d0;
    line-height: 30px;
    padding: 5px 0;
    opacity: .8;transition:  2s; }
#header .navs .nav .sub li{ zoom:1; }
#header .navs .nav .sub a{ display:block; padding:0 10px;line-height:30px;}
#header .navs .nav .sub a:hover{ background:#0459D0; color:#fff;  }
#header .navs .nav .on h3 a{ background:#0459D0;color: #d9ea84; line-height:60px;  }




/*banner  CSS*/
#banner .fullSlide{width:100%;position:relative;height:600px;background:#000;}
#banner .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
#banner .fullSlide .bd ul{width:100% !important;}
#banner .fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
#banner .fullSlide .bd li a{display:block;height:600px;}
#banner .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
#banner .fullSlide .hd ul{text-align:center;}
#banner .fullSlide .hd ul li{border-right: 20px;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
#banner .fullSlide .hd ul .on{background:#016DB7;}
#banner .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
#banner .fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
#cp-center{width: 100%;height: 700px;overflow: hidden;background: url(../images/bg.jpg)no-repeat center center}
#main{width: 1200px;height: 700px;margin: 0 auto;
    margin-top: 40px;}

#main .left{width: 290px;min-height: 640px;
    float: left;overflow: hidden}
#main .left .cp{width: 290px;height: 94px;overflow: hidden;}
#main .left .cp-fl{width: 290px;height: 40px;}
#main .left .cp-fl>a{line-height: 40px;padding-left: 60px;float: left}
#main .left .cp-fl>div{transform:rotate(-90deg);
    width: 20px;height: 20px;border-radius: 20px;
    color:#fff;float: right;text-align: center;margin-top: 10px;
    margin-right: 65px;background:#000;    transition: 0.55s;}
#main .left .cp-fl:hover div{transform:rotate(0deg);    transition: 0.55s;background: #03b8df}
#main .left .cp-fl>a{font-size: 18px;color:#333;}
#main .left .erzi{width: 290px;min-height: 150px;
    display: none; transition: 0.55s;}
#main .left .cp-fl:hover .erzi{display:block; transition: 0.55s;}

#main .left .erzi>ul>li{width: 290px;height: 30px;overflow: hidden; }


/*产品中心右侧*/
#main .right{width: 890px;height: 640px;float: right}
#main .right>ul>li{width: 290px;height: 305px;
    float: left;margin-left:9px}
#main .right>ul>li>a>div:hover{border:2px solid #03b8df;}
#main .right>ul>li>a>div{width:285px;height: 266px;overflow: hidden;
    border: 2px solid #00abd3;}
#main .right>ul>li>a>div>img{width: 100%;height: 100%;transition: all 0.6s;}
#main .right>ul>li>a>div>img:hover{transform: scale(1.1);}
#main .right>ul>li>a>p{width: 285px;height: 38px;background: url(../images/1.jpg)no-repeat center center;font-size: 14px;text-align: center;line-height: 38px;color:#fff;}
#main .right>ul>li>p{ width: 285px;height: 38px;background: url(../images/1.jpg)no-repeat center center;font-size: 14px;text-align: center;line-height: 38px;color:#fff;   background: url(../images/1.jpg)no-repeat center center;}
#main .right>ul>li:first-child{margin-left: 0px}


#main .right>ul>li:last-child{    width: 888px;
    height: auto;
    margin-left: 0px;
    margin-top: 10px;
    overflow: hidden;}
#main .right>ul>li:last-child>a>div{width:890px;height: 266px;overflow: hidden;}
#pz{width: 100%;height: 730px;background: url(../images/3.jpg)no-repeat center center}
#pz .pzz{width: 1200px;height: 730px;border:1px solid  #f8f8f8;margin: 0 auto}
#pz .pzz>div{font-size: 14px;color:#333;line-height: 28px}
#pz .pzz>div>span{color:#03b8df;}
#pz .pzz .txt1{width: 470px;
    height: 70px;
    overflow: hidden;

    position: relative;
    margin-top: 199px;
    margin-left: 727px;}

#pz .pzz .txt2{width: 470px;
    height: 70px;
    overflow: hidden;

    position: relative;
    margin-top: 72px;
    margin-left: 727px;}

#pz .pzz .txt3{width: 470px;
    height: 70px;
    overflow: hidden;

    position: relative;
    margin-top: 70px;
    margin-left: 727px;}
#pz .pzz .txt4{width: 470px;
    height: 70px;
    overflow: hidden;

    position: relative;
    margin-top: 70px;
    margin-left: 727px;}

#pz2{width: 100%;height: 640px;background: url(../images/4.jpg)no-repeat center center}

#pz2 .rongqi{width: 1200px;height: 640px;

    margin: 0 auto;}

#pz2 .rongqi .k1{width: 350px;height: 180px;

    overflow: hidden;position: absolute;margin-left: 389px;margin-top: 20px}
#pz2 .rongqi .k1>h1{font-size: 24px;color:#333;}
#pz2 .rongqi .k1>em{font-size: 8px;color:#333;}
#pz2 .rongqi .k1 p:first-child{margin-top: 20px}
#pz2 .rongqi .k1>p{font-size: 14px;color:#333;line-height: 28px}



#pz2 .rongqi .k2{width: 350px;height: 180px;

    overflow: hidden;position: absolute;margin-left: 293px;
    margin-top: 232px;}
#pz2 .rongqi .k2>h1{font-size: 24px;color:#333;}
#pz2 .rongqi .k2>em{font-size: 8px;color:#333;}
#pz2 .rongqi .k2 p:first-child{margin-top: 20px}
#pz2 .rongqi .k2>p{font-size: 14px;color:#333;line-height: 28px}


#pz2 .rongqi .k3{width: 350px;height: 180px;

    overflow: hidden;position: absolute;    margin-left: 190px;
    margin-top: 440px;}
#pz2 .rongqi .k3>h1{font-size: 24px;color:#333;}
#pz2 .rongqi .k3>em{font-size: 8px;color:#333;}
#pz2 .rongqi .k3 p:first-child{margin-top: 20px}
#pz2 .rongqi .k3>p{font-size: 14px;color:#333;line-height: 28px}

#development{width: 100%;height: 285px;background: url(../images/5.jpg)no-repeat center center}
#development .development-1{width: 1200px;height: 285px;

    margin:  0 auto;}

#development .development-1 .t1{    width: 250px;
    height: 80px;
    position: absolute;
    margin-top: 165px;
    margin-left: 46px;
    font-size: 14px;
    color: #999;
    line-height: 25px;}
#development .development-1 .t2{    width: 250px;
    height: 80px;
    position: absolute;
    margin-top: 165px;
    margin-left: 335px;
    font-size: 14px;
    color: #999;
    line-height: 25px;}
#development .development-1 .t3{width: 250px;
    height: 80px;

    position: absolute;
    margin-top: 165px;
    margin-left: 634px;
    font-size: 14px;
    color: #999;
    line-height: 25px;}
#development .development-1 .t4{width: 250px;
    height: 80px;

    position: absolute;
    margin-top: 165px;
    margin-left:938px;
    font-size: 14px;
    color: #999;
    line-height: 25px;}

#development-path{width: 100%;height: 510px;background:url(../images/6.jpg)no-repeat center center }
#development-path .development-path1{width: 1200px;height: 510px;
    margin:  0 auto}
#development-path .development-path1 .p1{width: 520px;font-size: 14px;color:#fff;position: absolute;    margin-left: 90px;
    margin-top: 50px;}

#development-path .development-path1 .p2{width: 520px;font-size: 14px;color:#fff;position: absolute;    margin-left: 90px;
    margin-top: 100px;line-height: 25px}

#development-path .development-path1 .p3{width: 530px;font-size: 14px;color:#fff;position: absolute;    margin-left: 90px;
    margin-top: 171px;line-height: 25px}
#development-path .development-path1 .p4{width: 520px;font-size: 14px;color:#fff;position: absolute;    margin-left: 90px;
    margin-top: 238px;line-height: 25px;}
#development-path .development-path1 .p5{width: 520px;font-size: 14px;color:#fff;position: absolute;    margin-left: 90px;
    margin-top: 307px;line-height: 25px;}
#development-path .development-path1 .p6{width: 520px;font-size: 14px;color:#fff;position: absolute;    margin-left: 90px;
    margin-top: 377px;line-height: 25px;}
#h{width: 100%;height: 200px;margin-top: 45px; background: url(../images/7_04.jpg)no-repeat center center}
#h .lxfs{width: 1200px;height: 200px;
    margin:   0 auto;
}
#h .lxfs .lcl{width: 300px;height: 100px;
    float: right;margin-top: 70px;text-align: right}
#h .lxfs .lcl>h1{font-size: 24px;color:#333;}
#h .lxfs .lcl>em{color:#3f4041;font-size: 16px;line-height: 25px}
#h .lxfs .lcl>p{color:#3f4041;font-size: 16px;line-height: 25px}
/*-------------------------------------------------------------------------*/
#xxk{width: 100%;height: 540px;background: url(../images/index12_04.jpg)no-repeat center center}
#xxxk{width: 1200px;height: 540px;

    margin:  0 auto;}
#xxxk .title{width:570px;height: 40px;
    position: absolute;    margin-top: 135px;
    margin-left: 629px;
    overflow: hidden;}

#xxxk .title>ul>li{float: left;padding-left: 20px;padding-right: 20px;font-size: 18px;color:#333;line-height: 40px;}
.acc{font-size:24px !important }


#xxxk .nr{width: 570px;height: 200px;
    position: absolute;margin-left: 629px;margin-top: 180px}

#xxxk .nr>ul>li{width: 570px;height: 200px;
    float: left;position: absolute;display: none}

.axx{display: block !important}
.gx{width: 350px;height: 36px;overflow: hidden;
}
.gx>p{line-height: 36px;text-align: left;font-size: 18px;color:#666;}

.nrx{width: 560px;height:auto;
    margin-top: 20px;font-size: 14px;overflow: hidden;color:#666;}
.axx>a .more{width: 154px;height: 43px;
    text-align: center;line-height: 43px;border-radius: 5px;color:#fff;font-size: 14px;background: #03b8df;margin-top: 34px}
.img{width: 425px;height: 428px;overflow: hidden;
    position:absolute;    margin-left: 94px;
    margin-top: 50px; }
.img>ul>li{width: 425px;height: 428px;float: left;position: absolute;
    overflow: hidden;display: none }
.img>ul>li>a>img{width: 100%;height: 100%;}

.number{width: 50px;height: 50px;position: absolute;margin-top: 70px;margin-left: 30px;color:#03b8df;font-size: 30px;text-align: center;line-height: 50px}
.anniu{width: 200px;height: 80px;position: absolute;
    margin-top: 400px;margin-left: 998px;}
.anniu .l{width: 44px;height: 16px;
    float: left;margin-top: 35px;overflow: hidden;margin-left: 20px;cursor: pointer}
.anniu .r{width: 44px;height: 16px;
    float: right;margin-top: 35px;overflow: hidden;margin-right: 20px;cursor: pointer}
.anniu .ys{width: 60px;height: 50px;
    float: left;line-height: 50px;margin-top: 18px;margin-left: 5px;}
.dq{font-size: 24px;color:#03b8df !important}
.anniu .ys>span{color:#999;}
.anniu .ys{color:#999;}
/*-------------------------------------------------------------------------*/


#Service-outlets{width: 100%;height: 645px;background: url(../images/8.jpg)no-repeat center center}

#Service-outlets .sbaoma{width: 1200px;height: 645px;margin:  0 auto;
}
#Service-outlets .sbaoma .wd{width: 390px;height: 160px;float: right;
    margin-top: 272px;}
#Service-outlets .sbaoma .wd>p{color:#cecece;font-size: 14px;line-height: 20px}
#Service-outlets .sbaoma>a>div{width: 150px;
    height: 40px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    float: right;
    position: absolute;
    margin-left: 811px;
    margin-top: 472px;
    border-radius: 5px;}




/* con8 */
.con8{
    width: 100%;
    height: 1073px;

    background:url(../images/bbbg.png)no-repeat -120px center;
    background-color: #F7F7F7;
}
.c8con{
    width: 1200px;
    height: 823px;
    background: #F7F7F7;
    margin: 0 auto;
    overflow: hidden;
}

.c8con>.M{
    overflow: hidden;
}
.c8list1{
    width: 100%;
    height: 395px;
    margin-top: 20px;
}
.c8list1 .c8item{
    float: left;
    width: 386px;
    height: 395px;
}
.c8list1 .c8item+.c8item{
    margin-left: 20px;
}
.c8p{
    width: 386px;
    height: 209px;
}
.c8p>a{
    display: block;
    width: 100%;
    height: 100%;
}
.c8p>a>img{
    width: 100%;
    height: 100%;
}
.c8t{
    width: 100%;
}
.c8t>p:nth-child(1){
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-top: 25px;
    font-size: 18px;
    color: #333;
}
.c8t>p:nth-child(1)>a{
    color: #333;
}
.c8t>p:nth-child(2){
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #D8D8D8;
    font-size: 14px;
    color: #333;
}
.c8t>p:nth-child(3){
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 28px;
    margin-top: 18px;
}
.c8t>a:nth-child(4){
    font-size: 14px;
    color: #999;
    float: right;
}
.c8t>a:nth-child(4)::after{
    content:'▶';
}
.c8item:hover>.c8t>p:nth-child(1)>a,.c8item:hover>.c8t>p:nth-child(2),.c8item:hover>.c8t>a:nth-child(4){
    color: #03b8df;
}

.c8con>.M>a{
    width: 213px;
    height: 56px;
    margin: 40px auto 46px;
    display: block;
    border-radius: 10px;
    color: #666;
    font-size: 18px;
    line-height: 56px;
    text-align: center;
    border: 1px solid #03b8df;
}
.c8con>.M>a:hover{color:#fff;    background: #03b8df;}
.c8lr{
    width: 100%;
    height: 254px;
}
.c8l{
    width: 698px;
    height: 100%;
    float:left;
    background: #F2F2F2;
}
.c8r{
    width: 482px;
    height: 100%;
    float:right;
    background: #F2F2F2;
}
.c8title{
    width: 100%;
    height: 48px;
}
.c8l .c8title{
    background: url(../images/tx1.jpg)no-repeat center 47px;
}
.c8r .c8title{
    background: url(../images/tx2.jpg)no-repeat center 47px;
}
.c8title>p:nth-child(1){
    display: inline-block;
    margin-left: 19px;
    padding-left: 26px;
    width: 164px;
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 22px;
    color: #666666;
    margin-top: 10px;
    background: url(../images/ntitle.jpg)no-repeat 0 center;
}
.c8title>a:nth-child(2){
    font-size: 14px;
    color: #03b8df;
    float: right;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
}
.c8title>a:nth-child(2)::after{
    content:'▶';
}
.c8page{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.c8list2{
    width: 100%;
}
.c8list2>div{
    height: 40px;
}
.c8list2>div>p:nth-child(1){
    line-height: 40px;
    font-size: 16px;
    color: #999;
    display: block;
    width: 565px;
    float: left;
    margin-left: 20px;
}
.c8l .c8list2>div>p:nth-child(1)>a{
    color: #666;
    max-width:432px;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c8r .c8list2>div>p:nth-child(1)>a{
    color: #666;
    max-width: 300px;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c8r .c8list2>div.active>p{
    background: url(../images/hoot.png)no-repeat 480px center;
}

.c8l .c8list2>div.active>p{
    background: url(../images/hot.png)no-repeat 480px center;
}
.c8list2>div>p:nth-child(2){
    line-height: 40px;
    font-size: 16px;
    color: #999;
    display: block;
    float: right;
    margin-right: 20px;
}

.c8list2>div:hover>p:nth-child(1)>a,.c8list2>div:hover>p:nth-child(2){
    color: #00abd3;
}

.c8r .c8list2>div>p:nth-child(1){
    width: 350px;
}


#about{width: 100%;height: 470px;background: #f8f8f8;  padding-top: 110px;}
.aboutss{width: 1200px;height: 470px;margin:  0 auto}
.about{

    width: 100%;
    height: 470px;
    background: url(../images/aboutbg.png)no-repeat 0 center;
}
.about>a{
    margin-left: 336px;
    position: absolute;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    margin-top: 384px;
    border: 2px solid #666666;
    border-radius: 5px;
    width: 144px;
    height: 40px;
}
.aboutt{
    margin-top: 80px;
    font-size: 14px;
    color: #666666;
    line-height:25px;
    float: left;
    margin-left: 40px;
    width: 444px;
    height: 296px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.aboutp{
    float: right;
    width: 680px;
    height: 480px;
}

.c8-list2{
    margin-top: 20px;
    width: 100%;
    height: 176px;

}
.c8-list2>div{
    float: left;
    width: 279px;
    height: 176px;
   border: 2px solid #00abd3;
}
.c8-list2>div:first-child{
    margin-left:7px;
}
.c8-list2>div+div{
    margin-left: 20px;
}
.c8-list2>div>a{
    display: block;
    width: 100%;
    height: 100%;
}
.c8-list2>div>a>img{
    width: 100%;
    height: 100%;
}

.zhezhao{width: 280px;height: 176px;float: left;background: #272962;transition: 0.55s;z-index: 1;position: absolute;margin-top: -179px; opacity: 0;text-align: center;line-height: 176px;color: #fff;font-size: 14px}
.c8-list2>div:hover .zhezhao{opacity: .5}

#footer{width: 100%;height: 400px;background: url(../images/9.jpg)no-repeat center center}

#footer .foooter{width: 1200px;height: 400px;margin: 0 auto;
}

#footer .foooter .link{width: 900px;height: 97px;
    line-height: 30px;overflow:hidden;padding-top:15px;}
#footer .foooter .link>ul>li{float: left;font-size: 16px;color:#f0f0f0;padding-right: 20px;padding-left: 20px}
#footer .foooter .lx{width:300px;height: 170px;margin-top: 65px;float: left}
#footer .foooter .lx>p{font-size: 14px;color:#fff;line-height: 25px}
#footer .foooter .lx>ul>li{width: 26px;height: 26px;float: left;margin-left: 10px;
    border-radius: 15px;}
#footer .foooter .lx>ul{margin-top: 15px}
#footer .foooter .lx>ul>li:hover{background: #fff}
#footer .foooter .dh{width: 350px;height: 200px;
    float: right;margin-top: 47px;text-align: right}
#footer .foooter .dh .nav{width: 190px;height: 100px;
    float: right;text-align: right}
#footer .foooter .dh .nav>ul>li{float: left;padding-left: 38px;margin-top: 8px}
#footer .foooter .dh .nav>ul>li>a{font-size: 14px;color:#fff;}
#footer .foooter .dh p{float: right;color:#fff;margin-top: 5px;font-size: 14px}
#footer .foooter .ew{    width: 156px;
    height: auto;
    position: absolute;
    margin-top: 62px;
    margin-left: 498px;text-align: center}

#footer .foooter .ew>div{width: 156px;height: 156px;overflow: hidden}
#footer .foooter .ew>div>img{width: 100%;height: 100%}
#footer .foooter .ew>p{width: 156px;height: 40px;margin-top: 10px;font-size: 14px;color:#666;}
#footer .foooter .dh .nav>ul>li>a:hover{color:#fff;}
#footer .foooter .link>ul>li>a:hover{color:#fff;}

.df_tj{
    width: 740px;
    margin: 0 auto;
}
.df_pro,.df_new{
    width: 100%;
    margin-top: 20px;
}
.df_pro>p,.df_new>p{
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #999;
    color: #666;
}
.df_pro_list,.df_new_list{
    width: 100%;
    height: 170px;
    margin-top: 15px;
}
.df_pro_item{
    float: left;
    width: 125px;
    height: 152px;
    margin-left: 20px;
}
.df_pro_p{
    border: 1px solid #999;
    width: 125px;
    height: 125px;
}
.df_pro_p>a{
    display: block;
    width: 100%;
    height: 100%;
}
.df_pro_p>a>img{
    width: 100%;
    height: 100%;
}
.df_pro_item>p{
    line-height: 28px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.df_pro_item>p>a{
    font-size: 14px;
    color: #666;
}
.df_new_item{
    overflow: hidden;
    margin-top: 10px;
    width: 50%;
    line-height: 28px;
    font-size: 15px;
    color: #333;
    float: left;
}
.df_new_item>a{
    font-size: 15px;
    color: #333;
}

#banner>div{width: 100%;height: auto;overflow: hidden}	
#development .development-1>ul>li{   position: absolute;width:147px;height:140px;overflow: hidden;}
#development .development-1>ul>li:first-child{    margin-left: 88px;
    margin-top: 15px;}

#development .development-1>ul>li:nth-child(2){    margin-left: 380px;
    margin-top: 15px;}
#development .development-1>ul>li:nth-child(3){margin-left:683px;margin-top: 15px;}
#development .development-1>ul>li:nth-child(4){margin-left:981px;margin-top: 15px;}

#development .development-1>ul>li>img{width:100%;height:100%;transition: all 0.6s;}
#development .development-1>ul>li>img:hover{transform: scale(1.1);}